var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var connect = require('gulp-connect');
var htmlSrc = 'app/*.html';
var jsSrc = 'app/scripts/*.js';
var cssSrc = 'app/styles/*.css';

//定义livereload任务
gulp.task('connect', function () {
    connect.server({
        livereload: true
    });
});

//定义html任务
gulp.task('html', function () {
    gulp.src(htmlSrc)
        .pipe(connect.reload());
});

//定义html任务
gulp.task('js', function () {
    gulp.src(jsSrc)
        .pipe(connect.reload());
});

//定义html任务
gulp.task('css', function () {
    gulp.src(cssSrc)
        .pipe(connect.reload());
});

//定义看守任务
gulp.task('watch', function () {

    gulp.watch('app/*.html',['html']);
    gulp.watch('app/scripts/*.js',['js']);
    gulp.watch('app/styles/*.css',['css']);

});

//定义默认任务
gulp.task('default', ['watch','html','css','js' , 'connect']);